<template>
  <div class="box">
    <img src="~@/assets/analysis.svg" />
  </div>
</template>

<script lang="ts" setup>
import { computed, ref, watchEffect } from "vue";
import { Descriptions, Badge } from "ant-design-vue";
import BrowserType from "@/utils/browser-type";
import { useBattery } from "@/hooks/useBattery";
import { useOnline } from "@/hooks/useOnline";
import { useUserStore } from "@/store/modules/user";
import { useWsStore } from "@/store/modules/ws";
import { SocketStatus } from "@/core/socket/socket-io";

defineOptions({
  name: "DashboardWelcome",
});
</script>

<style lang="less" scoped>
@import "@/styles/theme.less";

.themeBgColor(box);

.box {
  display: flex;
  flex-direction: column;
  width: 100%;
  // height: calc(100vh - 280px);
  padding: 12px;

  img {
    flex: 1;
    min-height: 0;
  }

  .ant-form {
    flex: 2;
  }
}
</style>
